<template>
<uni-shadow-root class="partials-productList-productList"><block v-if="receiveData.androidTemplate == ''&&receiveData.relateBean">
    
    <block v-if="receiveData.relateBean.length!=0">
        <view class="common_product_list" style="background:  #eeeeee;">
          <view v-for="(item,index) in (receiveData.relateBean)" :key="item.id" class="common_product_items" @click="tolinkUrl" :data-id="item.id" :data-type="item.productType" style="border-right: 10px solid #eeeeee;"> 
            <view class="img_block">
                <image mode="aspectFill" :src="(item.imagePath)+'?x-oss-process=style/preview'"></image>
                <view class="product_jifen_block" v-if="item.needJifen">需消耗
                  <text class="product_jifen_text" :style="'color: '+(defaultColor)+';'">{{item.needJifen}}积分</text>
                </view>
                <view class="sold_out_block" v-if="item.stock<=0">售罄</view>
            </view>
            <view class="common_product_name">{{item.name}}</view>
            <view class="common_product_price_block">
              <component-price-group :data="item"></component-price-group>
              <image src="https://image1.sansancloud.com/xianhua/2019_12/17/10/48/6_202.jpg?x-oss-process=style/preview_120" v-if="receiveData.jsonData.showCard==1" @click.stop.prevent="readyAddCar" :data-product="publicFun.toStringFun(item)"></image> 
            </view>
          </view>
        </view>
    </block>
    <block v-if="receiveData.relateBean.length==0">
        <view class="product_component_noproduct">
          <image mode="widthFix" src="https://image1.sansancloud.com/xianhua/2019_12/16/15/54/55_950.jpg?x-oss-process=style/preview_120"></image>
          <text>没有相关商品</text>
        </view>
    </block>
</block>

<block v-if="receiveData.androidTemplate == 'product_list_3colum'&&receiveData.relateBean">
    
    <block v-if="receiveData.relateBean.length!=0">
      <view class="threeColumnsBlock">
        <view v-for="(relateBean,index) in (receiveData.relateBean)" :key="relateBean.id" class="threeColumnsBox" v-if="receiveData.jsonData.count>0?index<receiveData.jsonData.count:'true'" @click="tolinkUrl" :data-id="relateBean.id" :data-type="relateBean.productType" style="border-left: 10px solid white;">
           <view class="threeColumnsBoxImg">
              <image mode="aspectFill" :src="(relateBean.imagePath)+'?x-oss-process=style/preview'"></image>
              <view class="product_jifen_block" v-if="relateBean.needJifen">需消耗
                <text class="product_jifen_text" :style="'color:'+(defaultColor)">{{relateBean.needJifen}}积分</text>
              </view>
              <view class="sold_out_block" v-if="relateBean.stock<=0">售罄</view>
          </view> 
         <view class="threeColumnsBoxName" :style="'width:'+((1/receiveData.jsonData.column)*sysWidth-40)+'px;'">{{relateBean.name}}</view>
           <view class="threeColumnsBoxMoney">
             <view :class="'money '+(receiveData.jsonData.showCard==1?'limit':'')">
                <text class="price" v-if="relateBean.promotion>0">￥{{relateBean.promotionPrice}}</text>
                <text class="price" v-else>￥{{relateBean.price}}</text>
                <text class="price" v-if="relateBean.maxPrice>relateBean.price">-{{relateBean.maxPrice}}</text>
                <text v-if="relateBean.unitShow" class="unitShow">/{{relateBean.unitShow}}</text>
                <text v-if="relateBean.maxPrice<=relateBean.price&&relateBean.tagPrice>relateBean.price" class="tag_price">￥{{relateBean.tagPrice}}</text>
             </view>
             <text class="cart" v-if="receiveData.jsonData.showCard==1" @click.stop.prevent="readyAddCar" :data-product="publicFun.toStringFun(relateBean)">+</text>
           </view>
        </view> 
      </view>
    </block>
    <block v-if="receiveData.relateBean.length==0">
        <view class="product_component_noproduct">
          <image mode="widthFix" src="https://image1.sansancloud.com/xianhua/2019_12/16/15/54/55_950.jpg?x-oss-process=style/preview_120"></image>
          <text>没有相关商品</text>
        </view>
    </block>
</block>

<block v-if="receiveData.androidTemplate == 'product_list_1colum'&&receiveData.relateBean">
    
    <block v-if="receiveData.relateBean.length!=0">
    <view v-for="(relateBean,index) in (receiveData.relateBean)" :key="relateBean.id" class="oneColumnsBox" v-if="receiveData.jsonData.count>0?index<receiveData.jsonData.count:'true'" @click="tolinkUrl" :data-id="relateBean.id" :data-type="relateBean.productType">      
        <view class="oneColumnsBoxImg">
            <image mode="aspectFill" :src="(relateBean.imagePath)+'?x-oss-process=style/preview'"></image>
            <view class="product_jifen_block" v-if="relateBean.needJifen">需消耗
              <text class="product_jifen_text" :style="'color: '+(defaultColor)+';'">{{relateBean.needJifen}}积分</text>
            </view>
            <view class="sold_out_block" v-if="relateBean.stock<=0">售罄</view>
        </view>
        <view class="oneColumnsBoxName" :style="'width:'+((1/receiveData.jsonData.column)*sysWidth-40)+'px;'">{{relateBean.name}}</view>
        <view class="oneColumnsBoxMoney">
            <text>￥{{relateBean.price}}</text>
        </view>
    </view>
    </block>
    <block v-if="receiveData.relateBean.length==0">
        <view class="product_component_noproduct">
          <image mode="widthFix" src="https://image1.sansancloud.com/xianhua/2019_12/16/15/54/55_950.jpg?x-oss-process=style/preview_120"></image>
          <text>没有相关商品</text>
        </view>
    </block>
</block>

<block v-if="receiveData.androidTemplate == 'product_list_detail'&&receiveData.relateBean">
    
    <block v-if="receiveData.relateBean.length != 0">
      <view v-for="(result,index) in (receiveData.relateBean)" :key="result.id" class="product_items2" v-if="index<receiveData.jsonData.count" :data-id="result.id" :data-type="result.productType" @click="tolinkUrl">
        <view class="img_block">
          <image mode="aspectFill" :src="(result.imagePath)+'?x-oss-process=style/preview'"></image>
          <view class="product_jifen_block" v-if="result.needJifen">需消耗
            <text class="product_jifen_text" :style="'color: '+(defaultColor)+';'">{{result.needJifen}}积分</text>
          </view>
          <view class="sold_out_block" v-if="result.stock<=0">售罄</view>
        </view>
        <view class="product_items2_view1">
          <text class="product_name">{{result.name}}</text>
          <text class="location_name" v-if="result.longitude>0">{{result.location}}</text>
          <text class="location_name" v-else>{{result.description}}</text>
          <view class="sale_item" :style="'border:1rpx solid '+(defaultColor)" v-if="result.itemSpecialSaleType!=0">
            <view class="sale_item_title" :style="'background:'+(defaultColor)">
              <text v-if="result.itemSpecialSaleType==1">满减</text>
              <text v-if="result.itemSpecialSaleType==2">买赠</text>
              <text v-if="result.itemSpecialSaleType==3">限购</text>
              <text v-if="result.itemSpecialSaleType==4">日限购</text>
              <text v-if="result.itemSpecialSaleType==5">周限购</text>
              <text v-if="result.itemSpecialSaleType==6">月限购</text>
              <text v-if="result.itemSpecialSaleType==7">活动限购</text>
              <text v-if="result.itemSpecialSaleType==8">会员特卖</text>
            </view>
            <view class="sale_item_value" v-if="result.itemSpecialSaleType==1" :style="'color:'+(defaultColor)">
              满<text>{{result.itemSpecialSaleValue1}}元</text>减<text>{{result.itemSpecialSaleValue2}}元</text>
            </view>
            <view class="sale_item_value" v-if="result.itemSpecialSaleType==2" :style="'color:'+(defaultColor)">
              买<text>{{result.itemSpecialSaleValue1}}</text>赠<text>{{result.itemSpecialSaleValue2}}</text>
            </view>
            <view class="sale_item_value" v-if="result.itemSpecialSaleType==3||result.itemSpecialSaleType==4||result.itemSpecialSaleType==5||result.itemSpecialSaleType==6||result.itemSpecialSaleType==7" :style="'color:'+(defaultColor)">
              限购<text>{{result.itemSpecialSaleValue1}}件</text>
            </view>
            <view class="sale_item_value" v-if="result.itemSpecialSaleType==8" :style="'color:'+(defaultColor)">
              只限<text>会员购买</text>
            </view>
          </view>
          <scroll-view class="tags_content" scroll-x v-else>
            <text v-for="(tags,index) in (result.tagArray)" :key="tags.index+1" class="tags_item" v-if="result.tagArray">{{tags}}</text>
          </scroll-view>
          <view class="product_price">
            <component-price-group :data="result"></component-price-group>
          </view>
        </view>
        <view class="to_car" v-if="receiveData.jsonData.showCard==1" @click.stop.prevent="readyAddCar" :data-product="publicFun.toStringFun(result)">
          <text>加入购物车</text>
        </view>
      </view>
    </block>
      <block v-else>
        <view class="product_component_noproduct">
          <image mode="widthFix" src="https://image1.sansancloud.com/xianhua/2019_12/16/15/54/55_950.jpg?x-oss-process=style/preview_120"></image>
          <text>没有相关产品</text>
        </view>
      </block>
</block>

<block v-if="receiveData.androidTemplate == 'pupu_product_list_one'&&receiveData.relateBean">

    <block v-if="receiveData.relateBean.length != 0">
    <view v-for="(result,index) in (receiveData.relateBean)" :key="result.id" class="product_items3" v-if="index<receiveData.jsonData.count" :data-id="result.id" :data-type="result.productType" @click="tolinkUrl">
      <view class="product_items3_promotion_name" v-if="result.tagArray&&result.tagArray[0]">{{result.tagArray[0]}}</view>
      <view class="img_block">
          <image class="product_items3_img" mode="aspectFill" :src="(result.imagePath||result.itemIcon)+'?x-oss-process=style/preview'"></image>
          <view class="product_jifen_block" v-if="result.needJifen">需消耗
            <text class="product_jifen_text" :style="'color: '+(defaultColor)+';'">{{result.needJifen}}积分</text>
          </view>
          <view class="sold_out_block" v-if="result.stock<=0">售罄</view>
      </view>
      <view class="product_items3_view1">
        <text class="product_name">{{result.name||result.itemName}}</text>
        <text class="location_name" v-if="result.addTime&&!result.name">添加时间：{{result.addTime||result.addTime}}</text>
        <text class="location_name" v-if="result.longitude>0">{{result.location}}</text>
        <text class="location_name" v-else>{{result.description}}</text>
        <view class="sale_item3" v-if="result.itemSpecialSaleType&&result.itemSpecialSaleType!=0">
          <view class="sale_item3_title" :style="'background: '+(defaultColor)+';'">
            <text v-if="result.itemSpecialSaleType==1">满减</text>
            <text v-if="result.itemSpecialSaleType==2">买赠</text>
            <text v-if="result.itemSpecialSaleType==3">限购</text>
            <text v-if="result.itemSpecialSaleType==4">日限购</text>
            <text v-if="result.itemSpecialSaleType==5">周限购</text>
            <text v-if="result.itemSpecialSaleType==6">月限购</text>
            <text v-if="result.itemSpecialSaleType==7">活动限购</text>
            <text v-if="result.itemSpecialSaleType==8">会员特卖</text>
          </view>
          <view class="sale_item3_value" v-if="result.itemSpecialSaleType==1">
            满<text>{{result.itemSpecialSaleValue1}}元</text>减<text>{{result.itemSpecialSaleValue2}}元</text>
          </view>
          <view class="sale_item3_value" v-if="result.itemSpecialSaleType==2">
            买<text>{{result.itemSpecialSaleValue1}}</text>赠<text>{{result.itemSpecialSaleValue2}}</text>
          </view>
          <view class="sale_item3_value" v-if="result.itemSpecialSaleType==3||result.itemSpecialSaleType==4||result.itemSpecialSaleType==5||result.itemSpecialSaleType==6||result.itemSpecialSaleType==7">
            限购<text>{{result.itemSpecialSaleValue1}}件</text>
          </view>
        </view>
        <text class="location_name">{{result.unitShow}}</text>
        <view class="product_price">
          <text class="price" :style="'color:  '+(defaultColor)+';'" v-if="result.promotion&&result.promotion!=0">￥{{result.promotionPrice}}</text>
          <text class="price" :style="'color:  '+(defaultColor)+';'" v-else>￥{{result.price||result.itemPrice}}</text>
          <text class="price" :style="'color:  '+(defaultColor)+';'" v-if="result.maxPrice>result.price">-{{result.maxPrice}}</text>
          <text v-if="result.maxPrice<=result.price&&result.tagPrice>result.price" class="tag_price">￥{{result.tagPrice}}</text>
        </view>
      </view>
      <view class="to_car3" :style="'background:'+(defaultColor)" v-if="receiveData.jsonData.showCard==1" @click.stop.prevent="readyAddCar" :data-product="publicFun.toStringFun(result)">
        <image v-if="result.promotion==0" class="to_car3_icon" src="https://image1.sansancloud.com/xianhua/2019_3/20/10/45/42_450.jpg?x-oss-process=style/preview_120"></image>
        <text style="font-size:24rpx;padding:0rpx 10rpx;" v-if="result.promotion!=0">立即抢购</text>
        <text class="to_car3_text" v-else>选购</text>
      </view>
    </view>
  </block>
    <block v-else>
      <view class="product_component_noproduct">
        <image mode="widthFix" src="https://image1.sansancloud.com/xianhua/2019_12/16/15/54/55_950.jpg?x-oss-process=style/preview_120"></image>
        <text>没有相关产品</text>
      </view>
    </block>
</block>

<block v-if="receiveData.androidTemplate == 'pupu_product_list_two'&&receiveData.relateBean">
    
    <block v-if="receiveData.relateBean.length!=0">
      <view class="pupu_product_list_two">
        <view v-for="(result,index) in (receiveData.relateBean)" :key="result.id" class="pupu_product_list_two_item" v-if="receiveData.jsonData.count>0?index<receiveData.jsonData.count:'true'" @click="tolinkUrl" :data-id="result.id" :data-type="result.productType">
           <view class="pupu_product_list_two_item_img">
             <image mode="aspectFill" class="pupu_product_list_two_item_url" :src="(result.imagePath)+'?x-oss-process=style/preview'"></image>
             <view class="pupu_product_list_two_item_tag" v-if="result.tagArray&&result.tagArray[0]">{{result.tagArray[0]}}</view>
             <view class="product_jifen_block" v-if="result.needJifen">需消耗
               <text class="product_jifen_text" :style="'color: '+(defaultColor)+';'">{{result.needJifen}}积分</text>
             </view>
             <view class="sold_out_block" v-if="result.stock<=0">售罄</view>
           </view>
           <view class="product_detail">
              <text class="pupu_product_list_two_item_name">{{result.name}}</text>
              <text class="pupu_product_list_two_item_unit">{{result.unitShow}}</text>
              <view class="sale_item3" v-if="result.itemSpecialSaleType!=0">
                <view class="sale_item3_title">
                  <text v-if="result.itemSpecialSaleType==1">满减</text>
                  <text v-if="result.itemSpecialSaleType==2">买赠</text>
                  <text v-if="result.itemSpecialSaleType==3">限购</text>
                  <text v-if="result.itemSpecialSaleType==4">日限购</text>
                  <text v-if="result.itemSpecialSaleType==5">周限购</text>
                  <text v-if="result.itemSpecialSaleType==6">月限购</text>
                  <text v-if="result.itemSpecialSaleType==7">活动限购</text>
                  <text v-if="result.itemSpecialSaleType==8">会员特卖</text>
                </view>
                <view class="sale_item3_value" v-if="result.itemSpecialSaleType==1">
                  满<text>{{result.itemSpecialSaleValue1}}元</text>减<text>{{result.itemSpecialSaleValue2}}元</text>
                </view>
                <view class="sale_item3_value" v-if="result.itemSpecialSaleType==2">
                  买<text>{{result.itemSpecialSaleValue1}}</text>赠<text>{{result.itemSpecialSaleValue2}}</text>
                </view>
                <view class="sale_item3_value" v-if="result.itemSpecialSaleType==3||result.itemSpecialSaleType==4||result.itemSpecialSaleType==5||result.itemSpecialSaleType==6||result.itemSpecialSaleType==7">
                  限购<text>{{result.itemSpecialSaleValue1}}件</text>
                </view>
              </view>
           </view>
            <view class="pupu_product_list_two_item_bottom">
              <view class="pupu_product_list_two_item_price" v-if="result.promotion&&result.promotion!=0">
                ￥<text class="pupu_product_list_two_item_true_price">{{result.promotionPrice}}</text>
                <view class="font_color" v-if="result.promotionPrice<result.tagPrice">
                  /<text class="pupu_product_list_two_item_tagprice">￥{{result.tagPrice}}</text>
                </view>
              </view>
              <view class="pupu_product_list_two_item_price" v-else>
                ￥<text class="pupu_product_list_two_item_true_price">{{result.price}}</text>
                <view class="font_color" v-if="result.price<result.tagPrice">
                  /<text class="pupu_product_list_two_item_tagprice">￥{{result.tagPrice}}</text>
                </view>
              </view>
              <view class="pupu_product_list_two_item_cart" :style="'background:'+(defaultColor)" @click.stop.prevent="readyAddCar" :data-product="publicFun.toStringFun(result)">
                <image class="pupu_product_list_two_item_cart_icon" src="https://image1.sansancloud.com/xianhua/2019_3/20/10/45/42_450.jpg?x-oss-process=style/preview_120"></image>
                 <text class="pupu_product_list_two_item_cart_text">选购</text>
              </view>
            </view>
        </view>
      </view>
    </block>
    <block v-if="receiveData.relateBean.length==0">
      <view class="product_component_noproduct">
        <image mode="widthFix" src="https://image1.sansancloud.com/xianhua/2019_12/16/15/54/55_950.jpg?x-oss-process=style/preview_120"></image>
        <text>没有相关商品</text>
      </view>
    </block>
</block>

<block v-if="receiveData.androidTemplate == 'product_list_slide'&&receiveData.relateBean">
    
    <block v-if="receiveData.relateBean.length!=0">
      <scroll-view class="product_list_slide_scroll_x_box" scroll-x="true">
        <block v-for="(item,index) in (receiveData.relateBean)" :key="item.id" v-if="receiveData.jsonData.count>0?index<receiveData.jsonData.count:'true'">
          <view class="product_list_slide_blcok" :style="'background-color:'+(color)+';'" @click="tolinkUrl" :data-id="item.id" :data-type="item.productType">
          <view class="product_list_slide_img_block">
            <image mode="aspectFill" :src="(item.imagePath)+'?x-oss-process=style/preview'"></image>
            <view class="product_jifen_block" v-if="item.needJifen">需消耗
              <text class="product_jifen_text" :style="'color: '+(defaultColor)+';'">{{item.needJifen}}积分</text>
            </view>
            <view class="sold_out_block" v-if="item.stock<=0">售罄</view>
          </view>
          <view class="chooseName1">{{item.name}}</view>
           <view class="productListSlidePriceBlock">
             <view :class="'product_list_slide_money '+(receiveData.jsonData.showCard==1?'limit':'')">
                <text class="price" v-if="item.promotion>0">￥{{item.promotionPrice}}</text>
                <text class="price" v-else>￥{{item.price}}</text>
                <text class="price" v-if="item.maxPrice>item.price">-{{item.maxPrice}}</text>
                <text v-if="item.unitShow" style="color:#bbb;font-size:24rpx;margin-left:4rpx;letter-spacing:4rpx;">/{{item.unitShow}}</text>
                <text v-if="item.maxPrice<=item.price&&item.tagPrice>item.price" class="tag_price">￥{{item.tagPrice}}</text>
             </view>
             <text class="product_list_slide_cart" v-if="receiveData.jsonData.showCard==1" @click.stop.prevent="readyAddCar" :data-product="publicFun.toStringFun(item)">+</text>
           </view>
          </view>
        </block> 
      </scroll-view>
    </block>
    <block v-if="receiveData.relateBean.length==0">
        <view class="product_component_noproduct">
          <image mode="widthFix" src="https://image1.sansancloud.com/xianhua/2019_12/16/15/54/55_950.jpg?x-oss-process=style/preview_120"></image>
          <text>没有相关商品</text>
        </view>
    </block>
</block>

<block v-if="receiveData.androidTemplate == 'pupu_product_list_slide'&&receiveData.relateBean">
    
    <block v-if="receiveData.relateBean.length!=0">
      <scroll-view class="pupu_product_list_three" scroll-x="true">
        <view v-for="(result,index) in (receiveData.relateBean)" :key="result.id" class="pupu_product_list_three_item" v-if="receiveData.jsonData.count>0?index<receiveData.jsonData.count:'true'" @click="tolinkUrl" :data-id="result.id" :data-type="result.productType">
           <view class="pupu_product_list_three_item_img">
             <image mode="aspectFill" class="pupu_product_list_three_item_url" :src="(result.imagePath)+'?x-oss-process=style/preview'"></image>
             <view class="product_jifen_block" v-if="result.needJifen">需消耗
               <text class="product_jifen_text" :style="'color: '+(defaultColor)+';'">{{result.needJifen}}积分</text>
             </view>
             <view class="sold_out_block" v-if="result.stock<=0">售罄</view>
             <view class="pupu_product_list_three_item_tag" v-if="result.tagArray&&result.tagArray[0]">{{result.tagArray[0]}}</view>
           </view>
           <text class="pupu_product_list_three_item_name">{{result.name}}</text>
            <view class="pupu_product_list_three_item_bottom">
              <view class="pupu_product_list_three_item_price" v-if="result.promotion&&result.promotion!=0">
                ￥<text class="pupu_product_list_three_item_true_price">{{result.promotionPrice}}</text>
                <view class="font_color" v-if="result.promotionPrice<result.tagPrice">/<text class="pupu_product_list_three_item_tagprice">￥{{result.tagPrice}}</text></view>
              </view>
              <view class="pupu_product_list_three_item_price" v-else>
                ￥<text class="pupu_product_list_three_item_true_price">{{result.price}}</text>
                <view class="font_color" v-if="result.price<result.tagPrice">/<text class="pupu_product_list_three_item_tagprice">￥{{result.tagPrice}}</text></view>
              </view>
              <view class="pupu_product_list_three_item_cart" :style="'background:'+(defaultColor)" @click.stop.prevent="readyAddCar" :data-product="publicFun.toStringFun(result)">
                <image class="pupu_product_list_three_item_cart_icon" src="https://image1.sansancloud.com/xianhua/2019_3/20/10/45/42_450.jpg?x-oss-process=style/preview_120"></image>
                 <text class="pupu_product_list_three_item_cart_text">选购</text>
              </view>
            </view>
        </view>
      </scroll-view>
    </block>
    <block v-if="receiveData.relateBean.length==0">
      <view class="product_component_noproduct">
        <image mode="widthFix" src="https://image1.sansancloud.com/xianhua/2019_12/17/11/9/46_337.jpg?x-oss-process=style/preview_120"></image>
        <text>没有相关商品</text>
      </view>
    </block>
</block>
<block v-if="receiveData.androidTemplate == 'ticket_one_column_slide'&&receiveData.relateBean">
    
    <block v-if="receiveData.relateBean.length!=0">
      <scroll-view class="ticket_one_column_slide" scroll-x="true">
        <view v-for="(result,index) in (receiveData.relateBean)" :key="result.id" class="ticket_one_column_slide_item" v-if="receiveData.jsonData.count>0?index<receiveData.jsonData.count:'true'" @click="tolinkUrl" :data-id="result.id" :data-type="result.productType">
           <view class="ticket_one_column_slide_item_top">
             <image class="ticket_img" mode="aspectFill" :src="(result.imagePath)+'?x-oss-process=style/preview'"></image>
             <view class="ticket_discount" v-if="result.discount" :style="'background:'+(defaultColor)">
               <text style="font-size:28rpx;font-weight:bold;color:#fff;margin-bottom:6rpx;">{{result.discount}}</text>
               <text style="font-size:20rpx;color:#fff">折起</text>
             </view>
           </view>
           <view class="ticket_one_column_slide_item_bottom">
             <text class="ticket_name">{{result.name}}</text>
             <text class="ticket_time">{{result.readyTimeStr}}</text>
             <view class="ticket_one_column_slide_item_price" v-if="result.promotion">
                ￥<text class="ticket_one_column_slide_item_true_price">{{result.promotionPrice}}</text>
                <view class="font_color"><text class="ticket_one_column_slide_item_tagprice">元起</text></view>
              </view>
              <view class="ticket_one_column_slideitem_price" v-else>
                ￥<text class="ticket_one_column_slide_item_true_price">{{result.price}}</text>
                <view class="font_color"><text class="ticket_one_column_slide_item_tagprice">元起</text></view>
              </view>
           </view>
        </view>
      </scroll-view>
    </block>
    <block v-if="receiveData.relateBean.length==0">
      <view class="product_component_noproduct">
        <image mode="widthFix" src="https://image1.sansancloud.com/xianhua/2019_12/16/15/54/55_950.jpg?x-oss-process=style/preview_120"></image>
        <text>没有相关商品</text>
      </view>
    </block>
</block>
<block v-if="receiveData.androidTemplate == 'ticket_one_column'&&receiveData.relateBean">
    
    <block v-if="receiveData.relateBean.length != 0">
      <view v-for="(result,index) in (receiveData.relateBean)" :key="result.id" class="ticket_one_column_items2" v-if="index<receiveData.jsonData.count" :data-id="result.id" :data-type="result.productType" @click="tolinkUrl">
        <image mode="aspectFill" :src="(result.imagePath)+'?x-oss-process=style/preview'"></image>
        <view class="left_box">
          <view class="ticket_one_column_items2_view1">
            
            <view class="discount" v-if="result.discount" :style="'background:'+(defaultColor)+';box-shadow:2rpx 2rpx 14rpx '+(defaultColor)">
              <text style="font-size:28rpx;font-weight: bold;">{{result.discount}}</text>
              <text style="font-size:20rpx;">折起</text>
            </view>
            <text class="ticket_one_column_name">{{result.name}}</text>
            <view class="location_name">
              <text style="margin-bottom:6rpx" class="ticket_one_column_time">{{result.readyTimeStr}}</text>
              <text v-if="result.longitude>0">{{result.location}}</text>
            </view>
            
            <view class="sale_item" :style="'border:1rpx solid '+(defaultColor)" v-if="result.itemSpecialSaleType!=0">
              <view class="sale_item_title" :style="'background:'+(defaultColor)">
                <text v-if="result.itemSpecialSaleType==1">满减</text>
                <text v-if="result.itemSpecialSaleType==2">买赠</text>
                <text v-if="result.itemSpecialSaleType==3">限购</text>
                <text v-if="result.itemSpecialSaleType==4">日限购</text>
                <text v-if="result.itemSpecialSaleType==5">周限购</text>
                <text v-if="result.itemSpecialSaleType==6">月限购</text>
                <text v-if="result.itemSpecialSaleType==7">活动限购</text>
                <text v-if="result.itemSpecialSaleType==8">会员特卖</text>
              </view>
              <view class="sale_item_value" v-if="result.itemSpecialSaleType==1" :style="'color:'+(defaultColor)">
                满<text>{{result.itemSpecialSaleValue1}}元</text>减<text>{{result.itemSpecialSaleValue2}}元</text>
              </view>
              <view class="sale_item_value" v-if="result.itemSpecialSaleType==2" :style="'color:'+(defaultColor)">
                买<text>{{result.itemSpecialSaleValue1}}</text>赠<text>{{result.itemSpecialSaleValue2}}</text>
              </view>
              <view class="sale_item_value" v-if="result.itemSpecialSaleType==3" :style="'color:'+(defaultColor)">
                限购<text>{{result.itemSpecialSaleValue1}}件</text>
              </view>
            </view>
            <scroll-view class="tags_content" scroll-x v-else>
              <text v-for="(tags,index) in (result.tagArray)" :key="tags.index+1" class="tags_item" :style="'color:'+(defaultColor)" v-if="result.tagArray">{{tags}}</text>
            </scroll-view>
            <view class="ticket_one_column_price">
              <text class="price" v-if="result.promotion>0">￥{{result.promotionPrice}}</text>
              <text class="price" v-else>￥{{result.price}}</text>
              <text class="price" v-if="result.maxPrice>result.price">-{{result.maxPrice}}</text>
              <text v-if="result.unitShow" class="unitShow">/{{result.unitShow}}</text>
              <text class="tag_price">元起</text>
              
              
            </view>
          </view>
          <text class="description" v-if="result.description">"{{result.description}}"</text>
        </view>
        <view class="to_car" v-if="receiveData.jsonData.showCard==1" @click.stop.prevent="readyAddCar" :data-product="publicFun.toStringFun(result)">
          <text>加入购物车</text>
        </view>
      </view>
    </block>
      <block v-else>
        <view class="product_component_noproduct">
          <image mode="widthFix" src="https://image1.sansancloud.com/xianhua/2019_12/16/15/54/55_950.jpg?x-oss-process=style/preview_120"></image>
          <text>没有相关产品</text>
        </view>
      </block>
</block>



    
    
<view class="measure_card" @touchmove.stop.prevent="true" v-if="showCount">
      <view class="countContainer"> 
         <view class="countContainer_top">
            <view class="countContainer_top_image">
              <image mode="aspectFill" :data-url="productData.productInfo.imagePath" :data-urls="productData.productInfo.imageListWatcher" @click="_watchBigImage" :src="productData.productInfo.imagePath"></image>
            </view>
            <view class="countContainer_top_product_info_container">
               <view class="font_1">{{productData.productInfo.name}}</view>
               <view class="font_aaa font_08">商品编号: {{productData.productInfo.orderNumber}}</view>
               <view class="price font_14" v-if="productData.measures.length == 0||!productData.measures">
                 <text v-if="productData.productInfo.promotion>0&&bindway!='pintuanOne'">￥{{productData.productInfo.promotionPrice}}</text>
                 <text v-else>￥{{productData.productInfo.price}}</text>
               </view>
               <view class="price font_14 price_group" v-else>
                  <view class="pintuan" v-if="productData.productInfo.promotionBean&&productData.productInfo.promotionBean.pintuanStrategy&&(bindway=='pintuanMore'||bindway=='addPintuan')">
                    <text class="show_price" v-if="measurementJson.promotionPrice">￥{{measurementJson.promotionPrice}}</text>
                    <text class="loading_price" v-else>￥{{measurementJson.price}}</text>
                  </view>
                  <view class="noPintuan" v-else>￥{{measurementJson.price}}</view>
                  <text class="tagPrice_font" v-if="measurementJson.price<measurementJson.tagPrice">￥{{measurementJson.tagPrice}}</text>
                  <text style="color:#aaa;font-size:24rpx;margin-left:8rpx;" v-if="(productData.measures.length == 0||!productData.measures)&&productData.productInfo.stock<=10">(仅剩：{{productData.productInfo.stock}})</text>
                  <text style="color:#aaa;font-size:24rpx;margin-left:8rpx" v-if="(productData.measures.length != 0&&productData.measures)&&measurementJson.stock<=10">(仅剩：{{measurementJson.stock}})</text>
               </view>
               
            </view>
         </view>
        <view class="measureItemContainer">
            <view v-for="(types,index) in (productData.measures)" :key="types.index+1" class="cardMid">
              <view class="cardMidName">{{types.name}}</view>
              <radio-group class="cardMidGuigeContainer" :name="types.name" @change="chooseMeasure">
                <label v-for="(measures,i) in (types.productAssignMeasure)" :key="measures.i+1" class="font_08" :data-index="(index)+'-'+(i)" @click.stop.prevent="radioChange" :data-value="measures.measureName" :data-type="types.name">
                  <view :class="types.checkedMeasureItem == i? 'activeMeasure':''" :style="'background:'+(types.checkedMeasureItem == i? setting.platformSetting.defaultColor:'')+';color:'+(types.checkedMeasureItem == i? '#fff':setting.platformSetting.defaultColor)">{{measures.measureName}}</view>
                  <radio :checked="types.checkedMeasureItem == i" :value="(measures.measureTypeName)+'-'+(measures.id)" hidden="true"></radio>
                </label>
              </radio-group>
            </view>
          </view>
          <view class="error_view font_08" :style="'background:'+(setting.platformSetting.defaultColor)" v-if="measurementJson.stock < byNowParams.itemCount">
            <text>库存不足:(</text>
            <text v-for="(mtype,index) in (measurementJson.measurements)">-{{mtype.measureName}}</text>
            
            <text>)剩余库存【{{measurementJson.stock}}】</text>
          </view>
    
          <view class="ItemCountDell">
            <view class="font_777 font_09">购买数量</view>
              <view class="item_infomation_nums"> 
                <image style="border-top-left-radius: 0.2em;border-bottom-left-radius: 0.2em;" src="https://image1.sansancloud.com/xianhua/2019_12/17/21/40/33_565.jpg?x-oss-process=style/preview_120" :class="byNowParams.itemCount == minCount ?"noadd":""" @click.stop.prevent="subNum"></image>
                <text class="flexCenter">{{byNowParams.itemCount}}</text>
                <image style="border-top-right-radius: 0.2em; border-bottom-right-radius: 0.2em;" src="https://image1.sansancloud.com/xianhua/2019_12/17/21/40/33_660.jpg?x-oss-process=style/preview_120" :class="byNowParams.itemCount > measurementJson.stock?"noadd":""" :data-cantadd="(byNowParams.itemCount > measurementJson.stock?1:0)+' '" @click.stop.prevent="addNum"></image>
              </view>
          </view>
          <button v-if="bindway !== 'select'" :style="'background:'+(setting.platformSetting.defaultColor)" class="sureButn" :disabled="byNowParams.itemCount > measurementJson.stock||!measurementJson.waitDataState" @click="buyNow">确定</button>
          <view class="selectType" v-if="bindway == 'select'">
              <button :style="'background:'+(setting.platformSetting.defaultColor)" class="sureButnType" :disabled="byNowParams.itemCount > measurementJson.stock" data-way="cart" @click="buyNow">加入购物车</button>
              <button :style="'background:'+(setting.platformSetting.defaultColor)" class="sureButnType" :disabled="byNowParams.itemCount > measurementJson.stock" data-way="buy" @click="buyNow">立即购买</button>
          </view>
    
      </view>
    
      <view class="zhezhao" v-if="showCount" @click="closeZhezhao"></view>
    </view>
    <measure-card-component v-if="showCount" :showCount="showCount" :productData="productData" :byNowParams="byNowParams" :type="bindway" @closeCard="closeZhezhao"></measure-card-component></uni-shadow-root>
</template>
<wxs src="../../public/publicFun.wxs" module="publicFun"></wxs>
<script>
import ComponentPriceGroup from '../price_group/index.vue'
import MeasureCardComponent from '../measureCard/index.vue'
global['__wxVueOptions'] = {components:{'component-price-group': ComponentPriceGroup,'measure-card-component': MeasureCardComponent}}

global['__wxRoute'] = 'partials/productList/productList'
const app = getApp();
Component({
  properties: {
    receiveData: {
      type: JSON,
      value: 'default value',
    }
  },
  data: {
    productList: [],
    productData:{},
    measurementJson: null,
    byNowParams: {
      productId: '',
      itemCount: 1,
      shopId: '',
      cartesianId: '0',
      chatOrder: '',
      fromSource: '',
      orderType: ''
    },
    MeasureParams:[],
    showCount:false,
    bindway:"",
  },
     ready:function(){
       let that=this;
       console.log("=====productList组件-data=====",that.data.receiveData)
       app.globalData.consoleFun("=====productList组件-data=====",[that.data.receiveData])
       that.setData({
         defaultColor: app.globalData.setting.platformSetting.defaultColor,
         secondColor: app.globalData.setting.platformSetting.secondColor,
         setting: app.globalData.setting
       })
       if (that.data.receiveData.relateBean&&that.data.receiveData.relateBean.length!=0){
         that.data.productList = that.data.receiveData.relateBean;
         let tagArray=[];
         for (let i = 0; i < that.data.productList.length; i++) {
           that.data.productList[i].templateType = that.data.receiveData.androidTemplate;
           if (that.data.productList[i].tags && that.data.productList[i].tags != '') {
             tagArray = that.data.productList[i].tags.slice(1, -1).split("][")
             that.data.productList[i].tagArray = tagArray;
           }
           if (that.data.productList[i].tagPrice > that.data.productList[i].price){
             let discount = ((Number(that.data.productList[i].price) / Number(that.data.productList[i].tagPrice))*10).toFixed(1);
             that.data.productList[i].discount = discount
           }
         }
         that.setData({ receiveData: that.data.receiveData,productList:that.data.productList})
         app.globalData.consoleFun("=====productList组件-data=====",[that.data.receiveData])
       }
  },
  methods: {
    setProductListFun:function(receiveData){
        let that=this;
        that.setData({ receiveData: receiveData})
    },
    closeZhezhao: function () {
      this.setData({ showCount: false })
    },
    /* 立即购买 */
    buyNow: function (e) {
      app.globalData.consoleFun("=====productList组件-buyNow=====",[e])
      if (!app.globalData.checkShopOpenTime()) {
        return
      }
      if (!app.globalData.checkIfLogin()) {
        return
      }
      let bindway;
      if (e.currentTarget.dataset.way) {
        bindway = e.currentTarget.dataset.way
      } else {
        bindway = this.data.bindway
      }
      app.globalData.consoleFun("=====productList组件-bindway=====",[bindway])
      this.setData({ haveMeasuresState: true })
      this.setData({ selectTypeData: this.data.selectTypeData })
      app.globalData.consoleFun("=====productList组件-addtocart=====")
      this.addtocart()
    },
    // 这里是一个自定义方法
    readyAddCar: function (e) {
      let that = this;
      app.globalData.consoleFun("=====productList组件-readyAddCar=====",[ e, that.data.byNowParams])
      let productInfo = e.currentTarget.dataset.product;
      if(productInfo){
          productInfo=JSON.parse(productInfo)
      }
      that.data.productData.productInfo = productInfo
      that.setData({ productData: that.data.productData})
      let productId = productInfo.productId || productInfo.id
      app.globalData.consoleFun("=====productList组件-productId=====",[productId])
      that.get_product_measure(productId)
    },
    subNum: function () {
      if (this.data.measurementJson.id) {
        this.setData({ minCount: this.data.measurementJson.minSaleCount })
      } else {
        this.setData({ minCount: 1 })
      }
      if (this.data.byNowParams.itemCount == this.data.minCount) {
        return
      }
      this.data.byNowParams.itemCount--;
      this.setData({ byNowParams: this.data.byNowParams })
    },
    addNum: function () {
      this.data.byNowParams.itemCount++;
      this.setData({ byNowParams: this.data.byNowParams })
    },
    addtocart: function () {
      app.globalData.consoleFun("=====productList组件-addtocart=====")
      if (!app.globalData.checkIfLogin()) {
        return
      }
      var params = {
        cartesianId: '',
        productId: '',
        shopId: '',
        count: '',
        type: '',
      }
      if (this.data.productData.measures.length == 0) {
        params.cartesianId = '0'
      }
      else {
        params.cartesianId = this.data.measurementJson.id
      }
      let productId = this.data.productData.productInfo.productId || this.data.productData.productInfo.id
      app.globalData.consoleFun("=====productList组件-productId=====",[productId])
      params.productId = productId
      params.shopId = this.data.productData.productInfo.belongShopId || this.data.productData.productInfo.shopId
      params.count = this.data.byNowParams.itemCount
      params.type = 'add'
      app.globalData.consoleFun("=====productList组件-params=====",[params])
      this.postParams(params)
    },
    postParams: function (data) {
      app.globalData.consoleFun("=====productList组件-postParams=====")
      var that = this
      var customIndex = app.globalData.AddClientUrl("/change_shopping_car_item.html", data, 'post')
      wx.request({
        url: customIndex.url,
        data: customIndex.params,
        header: app.globalData.headerPost,
        method: 'POST',
        success: function (res) {
          let resEventData = res.data
          that.triggerEvent('resEvent', { resEventData}, {})
          app.globalData.consoleFun("=====productList组件-change_shopping_car_item=====",[res.data])
          wx.hideLoading()
          if (that.data.bindway == 'cart') {
            that.setData({ showCount: false })
          }
          if (data.productId == 0) {
            app.globalData.consoleFun("=====productList组件-购物车里面的商品数量=====")
            that.setData({
              countGood: res.data.totalCarItemCount
            })
          } else {
            if (res.data.productId && res.data.productId != 0) {
              if (data.count == 0) {
                app.globalData.consoleFun("=====productList组件-通过加入购物车来确定购物车里面的商品数量=====")
              } else {
                wx.showToast({
                  title: '加入购物车成功',
                })
              }
              if (!!res.data.totalCarItemCount || res.data.totalCarItemCount == 0) {
                that.setData({ countGood: res.data.totalCarItemCount })
              }
            } else {
              wx.showToast({
                title: res.data.errMsg,
                image: '/wxcomponents/images/icons/tip.png',
                duration: 2000
              })
            }
          }
          try {
            app.globalData.carChangeNotify(res.data);
          } catch (e) { }
          app.globalData.consoleFun("=====productList组件-加入购物车动作=====")
        },
        fail: function (res) {
          wx.hideLoading()
          app.globalData.loadFail()
        }
      })
    },
    //提交规格产品
    submitMeasure: function (id) {
      var that = this
      let focusProduct = this.data.MeasureItem
      let measurementJson = this.data.measurementJson
      let data = {}
      data.cartesianId = measurementJson.id
      data.productId = focusProduct.id
      data.shopId = focusProduct.belongShopId
      data.count = 1
      data.type = 'add'
      var customIndex = app.globalData.AddClientUrl("/change_shopping_car_item.html", data, 'post')
      wx.request({
        url: customIndex.url,
        data: customIndex.params,
        header: app.globalData.headerPost,
        method: 'POST',
        success: function (res) {
          app.globalData.consoleFun("=====productList组件-add=====",[res.data])
          that.setData({ showGuigeType: false })
        },
        fail: function (res) {
          app.globalData.loadFail()
        },
        complete: function () {
          wx.hideLoading()
        }
      })
    },
    //获取规格价格参数
    get_measure_cartesion: function () {
      this.setData({ measurementJson: { waitDataState: false } })
      let productId = this.data.productData.productInfo.id
      let postStr = ''
      if (this.data.MeasureParams.length == 0) {
        this.data.byNowParams.cartesianId = '0'
        this.setData({ measurementJson: { waitDataState: true } })//没有规格时 不需要等待请求
        return
      }
      for (let i = 0; i < this.data.MeasureParams.length; i++) {
        postStr += this.data.MeasureParams[i].value + ','
      }
      let param = {}
      param.productId = productId
      param.measureIds = postStr
      app.globalData.consoleFun("=====productList组件-get_measure_cartesion=====",[postStr])
      let customIndex = app.globalData.AddClientUrl("/get_measure_cartesion.html", param)
      var that = this
      wx.request({
        url: customIndex.url,
        header: app.globalData.header,
        success: function (res) {
          app.globalData.consoleFun("=====productList组件-measurementJson=====",[res.data])
          that.data.byNowParams.cartesianId = res.data.id
          that.setData({
            measurementJson: res.data
          })
          that.data.measurementJson.waitDataState = true
          that.setData({ measurementJson: that.data.measurementJson })
          that.data.byNowParams.itemCount = that.data.measurementJson.minSaleCount
          that.setData({ minCount: that.data.byNowParams.itemCount})
          that.setData({ byNowParams: that.data.byNowParams })
        },
        fail: function (res) {
          app.globalData.consoleFun("=====productList组件-fail=====")
          app.globalData.loadFail()
        },
        complete: function () {
        },
      })
    },
    //获取规格价格参数
    get_product_measure: function (id) {
      let that=this;
      let productId = id
      let customIndex = app.globalData.AddClientUrl("/get_product_measures.html", { productId: productId})
      wx.request({
        url: customIndex.url,
        header: app.globalData.header,
        success: function (res) {
          app.globalData.consoleFun("=====productList组件-success=====",[res.data])
          let measures = res.data;
          that.data.productData.measures = measures
          that.setData({ productData: that.data.productData})
          if (measures.length == 0) {
            that.addtocart()
          } else {
            that.setData({ bindway: "cart", showCount: true })
            let info = that.data.productData.productInfo;
            app.globalData.consoleFun("=====productList组件-info=====",[info])
            that.data.byNowParams.productId = info.id
            that.data.byNowParams.shopId = info.belongShopId || info.shopId
            that.data.byNowParams.orderType = 0
            that.setData({ byNowParams: that.data.byNowParams })
            app.globalData.consoleFun("=====productList组件-byNowParams=====",[that.data.byNowParams])
            that.chooseMeasureItem()
          }
        },
        fail: function (res) {
          app.globalData.consoleFun("=====productList组件-fail=====")
          app.globalData.loadFail()
        },
        complete: function () {
        },
      })
    },
    /* 初始化 选规格 */
    chooseMeasureItem: function (event) {
      app.globalData.consoleFun("=====productList组件-初始化规格参数=====",[event])
      let that=this;
      let productData = that.data.productData
      let focusProduct = productData
      let selectTypeData = []
      for (let i = 0; i < focusProduct.measures.length; i++) {
        focusProduct.measures[i].checkedMeasureItem = 0
        let param = {}
        let selectTypeDataItem = {}
        param.name = focusProduct.measures[i].name
        param.value = focusProduct.measures[i].productAssignMeasure[0].id
        selectTypeDataItem.type = focusProduct.measures[i].name
        selectTypeDataItem.value = focusProduct.measures[i].productAssignMeasure[0].measureName
        app.globalData.consoleFun("=====productList组件-param=====",[param])
        that.data.MeasureParams.push(param)
        selectTypeData.push(selectTypeDataItem)
      }
      that.data.selectTypeData = selectTypeData
      app.globalData.consoleFun("=====productList组件-selectTypeData=====",[that.data.selectTypeData])
      that.setData({
        productData: focusProduct
      })
      app.globalData.consoleFun("=====productList组件-MeasureParams=====",[that.data.MeasureParams])
      that.get_measure_cartesion()
    },
    //选择规格小巷的---显示
    radioChange: function (e) {
      let that = this
      let flag = false;
      app.globalData.consoleFun("=====productList组件-radioChange=====",[e])
      app.globalData.consoleFun("=====productList组件-selectTypeData=====",[that.data.selectTypeData])
      if (that.data.selectTypeData) {
        for (let i = 0; i < that.data.selectTypeData.length; i++) {
          if (e.currentTarget.dataset.type == that.data.selectTypeData[i].type) {
            that.data.selectTypeData.splice(i, 1, e.currentTarget.dataset)
            flag = true;
          }
        }
        if (!flag) {
          that.data.selectTypeData.splice(that.data.selectTypeData.length, 1, e.currentTarget.dataset)
          flag = false;
        }
      } else {
        that.data.selectTypeData = [];
        that.data.selectTypeData.splice(0, 1, e.currentTarget.dataset)
        that.setData({ selectTypeData: that.data.selectTypeData })
      }
      app.globalData.consoleFun("=====productList组件-selectTypeData=====",[that.data.selectTypeData])
      let index = e.currentTarget.dataset.index
      let indexJson = app.globalData.getSpaceStr(index, '-')
      let focusItem = that.data.productData
      focusItem.measures[indexJson.str1].checkedMeasureItem = indexJson.str2
      that.setData({ productData: focusItem })
    },
    //选择规格小巷---获取数据
    chooseMeasure: function (e) {
      app.globalData.consoleFun("=====productList组件-chooseMeasure=====",[e.detail.value])
      let chooseMeasureJson = app.globalData.getSpaceStr(e.detail.value, '-')
      app.globalData.consoleFun("=====productList组件-chooseMeasureJson=====",[chooseMeasureJson])
      for (let i = 0; i < this.data.MeasureParams.length; i++) {
        if (this.data.MeasureParams[i].name == chooseMeasureJson.str1) {
          this.data.MeasureParams[i].value = chooseMeasureJson.str2
        }
      }
      this.get_measure_cartesion()
    },
    closeGuigeZhezhao: function () {
      this.setData({ showGuigeType: false })
      this.data.MeasureParams = []
    },
    tolinkUrl: function (e) {
      app.globalData.consoleFun("=====productList组件-tolinkUrl=====",[e])
      let productType = e.currentTarget.dataset.type
      let id = e.currentTarget.dataset.id
      let link="";
      if (productType==6){
        link = "ticket_detail.html?productId=" + id; 
      }else{
        link = "product_detail.html?productId=" + id; 
      }
      app.globalData.linkEvent(link);
    }
  },
})
export default global['__wxComponents']['partials/productList/productList']
</script>
<style platform="mp-weixin">
@import 'threeColumns/threeColumns.css';/* 引入三列的 */
@import 'oneColumns/oneColumns.css';/* 引入一列的 */
@import 'productListDetail/productListDetail.css';/* 引入详细列表跟新闻列表一样的样式 */
@import 'pupuProductListOne/pupuProductListOne.css';/* 引入详细列表跟新闻列表一样的样式PUPU */
@import 'pupuProductListTwo/index.css';/* 引入详细列表跟新闻列表一样的样式PUPU */
@import 'pupuProductListSlide/index.css';/* 引入详细列表跟新闻列表一样的样式PUPU */
@import 'productListSlide/productListSlide.css';/* 引入可以滑动的样式 */
@import 'ticketOneColumnSlide/index.css';/* 引入可以滑动的样式 */
@import 'ticketOneColumn/index.css';/* 引入可以滑动的样式 */
@import '../../view-new/aikucun/measure_card.css';
@import"../../wxParse/wxParse.css";
.tags_content::-webkit-scrollbar{
  width: 0;
  height: 0;
  color: transparent;
}
.common_product_list{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center; 
  flex-wrap: wrap;
  padding: 10px 0px 10px 10px;
  background: #f9f9f9; 
} 
.common_product_items{
  margin-bottom: 10px;
  width: 50%;
  box-sizing: border-box;
  border-right: 10px solid #f9f9f9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  padding-bottom:20rpx;
  text-align: left;
  overflow: hidden;
  font-size: 20px;
  color: #FF3D3D;
}
.common_product_items image{
    margin: 0 auto;
  padding-top: 10px;
  width: 300rpx;
  height: 300rpx;
}
.common_product_name{
  margin: 0 auto;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: 5px 10px 8px 10px;
  font-size: 13px;
  color: #333;
  line-height: 21px;
  height:36px;
}
/* 商品排列样式2 */
.detail_list_mode0{
  background: #f1f1f1;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.mode0_items{
  padding: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #f1f1f1;
  height: 5em;
}
.mode0_items image{
  width: 4em;
  height: 4em;
}
.mode0_items .mode0_items_view1{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 10px;
  height: 4em;
  width: 70%;
}
.mode0_items text{
  font-size: small;
}
.mode0_items_view1 view{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
/*新样式  */
.common_product_price_block{
  display: flex;
  flex-direction: row;
  /* align-items: baseline; */
  margin: 0 20rpx
}
.tag_price{
  text-decoration:line-through;
  font-size: 24rpx;
  color:#bbb;
  margin-left: 6rpx;
}
.price{
  font-size: 32rpx;
  color: #ff826e
}
.unitShow{
  color:#bbb;
  font-size:24rpx;
  margin-left:4rpx;  
  letter-spacing:4rpx;
}
.common_product_price_block image{
 width: 50rpx;
 height: 50rpx;
 margin-top: -18rpx;
 margin-right: 25rpx;
}
/*没有相关商品  */
.product_component_noproduct{
  width: 100%;
  height: 200rpx;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.product_component_noproduct image{
  width: 150rpx;
  height: 150rpx;
  margin: 0 auto;
}
.product_component_noproduct text{
  font-size: 30rpx;
}
.product_jifen_block{
    background: #ffffffcc;
    border-top-left-radius: 20rpx;
    /* border-bottom-left-radius: 20rpx; */
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 6rpx 16rpx;
    font-size: 22rpx;
    /* font-weight: bold; */
    color: #666;

}
.product_jifen_text{
    font-weight: bold;
    margin-left: 6rpx;
}
.img_block{
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.sold_out_block{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 40rpx;
  z-index: 10;
}
</style>